<head>
    <meta charset="UTF-8">
</head>
<div style="background: #F7F7F7">
    <includetail>
        <div class="container"
             style=" width: 600px;
        background: #FFF;
        margin: 0 auto;
        color: #333;">
            <div class="logo" style="padding: 32px;box-sizing: border-box;">
                <img style=" width: 190px;height: 40px;" src="https://img.seekingaround.com/seekingaround/public/media/images/2023-02-27/63fc251128031CvviKF2ybfGgU13F.png"
                     alt="SeekingAround"/>
            </div>
            <div class="content" style="padding: 50px 55px 80px;box-sizing: border-box;">
                <img style="width: 50px;height: 50px;display: block;margin: 0 auto;"  src="https://img.seekingaround.com/seekingaround/public/media/images/2023-02-27/63fc24f4947e60tf1CyaXnatZRVIw.png"
                     alt="viewed"/>
                <div class="title" style="margin: 20px 0 12px;">
                    <h1 style="display: block;font-size: 24px;text-align: center;line-height: 28px;">{{$nickname}} viewed you</h1>
                </div>
                <p class="info" style="display: block;font-size: 16px;text-align: center;line-height: 20px;">This email is part of our procedure to change your email. If you don’t need to change
                    your email then please ignore this email and use your existing email to sign in.</p>
                <a class="link" style="width: 260px;height: 50px;margin: 40px auto 0;background: #E31F72;border-radius: 6px;display: block;font-size: 18px;font-weight: bold;text-align: center;line-height: 50px;color: #FFF; text-decoration: none;" href="{{$url}}">View member</a>
            </div>
            <div class="tips" style="padding: 0 40px;box-sizing: border-box;font-size: 14px;text-align: center;line-height: 16px;">
                <p style=" color: #666;"><span style="color: #999">Tips:</span> Do not share any personal information (credit card info, bank account, address,
                    etc.) with anyone under any circumstances. Never disclose your personal banking information,
                    including account numbers or passwords.</p>
                <p style=" margin-top: 20px;">if you don’t want to receive our emails anymore,<a href="/">unsubscribe</a></p>
            </div>
            <div class="footer" style=" padding: 40px;margin-top: 360px;box-sizing: border-box;">
                <ul style="list-style: none;text-align: center;">
                    <li style=" margin: 0 30px;display: inline-block;">
                        <a style="text-decoration: none;color: #333;" href="/">Terms of Use</a>
                    </li>
                    <li style=" margin: 0 30px;display: inline-block;">
                        <a style="text-decoration: none;color: #333;" href="/">Privacy Policy</a>
                    </li>
                    <li style=" margin: 0 30px;display: inline-block;">
                        <a style="text-decoration: none;color: #333;" href="/">Contact Us</a>
                    </li>
                </ul>
                <p class="copyright" style="margin-top: 16px;display: block;font-size: 14px;text-align: center;line-height: 16px;color: #666;">Copyright © 2023 Seekingaround.com All rights reserved.</p>
            </div>
        </div>
    </includetail>
</div>

<style>
    /*html, body, p, h1, ul {*/
    /*    padding: 0;*/
    /*    margin: 0;*/
    /*}*/

    /*.container {*/
    /*    width: 600px;*/
    /*    background: #FFF;*/
    /*    margin: 0 auto;*/
    /*    color: #333;*/
    /*}*/

    /*.logo {*/
    /*    padding: 32px;*/
    /*    box-sizing: border-box;*/
    /*}*/

    /*.logo img {*/
    /*    width: 190px;*/
    /*    height: 40px;*/
    /*}*/

    /*.content {*/
    /*    padding: 50px 55px 80px;*/
    /*    box-sizing: border-box;*/
    /*}*/

    /*.content img {*/
    /*    width: 50px;*/
    /*    height: 50px;*/
    /*    display: block;*/
    /*    margin: 0 auto;*/
    /*}*/

    /*.content .title {*/
    /*    margin: 20px 0 12px;*/
    /*}*/

    /*.content .title h1 {*/
    /*    display: block;*/
    /*    font-size: 24px;*/
    /*    text-align: center;*/
    /*    line-height: 28px;*/
    /*}*/

    /*.content p.info {*/
    /*    display: block;*/
    /*    font-size: 16px;*/
    /*    text-align: center;*/
    /*    line-height: 20px;*/
    /*}*/

    /*.content a.link {*/
    /*    width: 260px;*/
    /*    height: 50px;*/
    /*    margin: 40px auto 0;*/
    /*    background: #E31F72;*/
    /*    border-radius: 6px;*/
    /*    display: block;*/
    /*    font-size: 18px;*/
    /*    font-weight: bold;*/
    /*    text-align: center;*/
    /*    line-height: 50px;*/
    /*    color: #FFF;*/
    /*    text-decoration: none;*/
    /*}*/

    /*.tips {*/
    /*    padding: 0 40px;*/
    /*    box-sizing: border-box;*/
    /*    font-size: 14px;*/
    /*    text-align: center;*/
    /*    line-height: 16px;*/
    /*}*/


    /*.tips p:first-child {*/
    /*    color: #666;*/
    /*}*/

    /*.tips p:first-child span {*/
    /*    color: #999;*/
    /*}*/

    /*.tips p:last-child {*/
    /*    margin-top: 20px;*/
    /*}*/

    /*.footer {*/
    /*    padding: 40px;*/
    /*    margin-top: 360px;*/
    /*    box-sizing: border-box;*/
    /*}*/

    /*.footer ul {*/
    /*    list-style: none;*/
    /*    text-align: center;*/
    /*}*/

    /*.footer ul li {*/
    /*    margin: 0 30px;*/
    /*    display: inline-block;*/
    /*}*/

    /*.footer ul li a {*/
    /*    text-decoration: none;*/
    /*    color: #333;*/
    /*}*/

    /*.footer ul li a:hover {*/
    /*    text-decoration: underline;*/
    /*}*/

    /*.footer .copyright {*/
    /*    margin-top: 16px;*/
    /*    display: block;*/
    /*    font-size: 14px;*/
    /*    text-align: center;*/
    /*    line-height: 16px;*/
    /*    color: #666;*/
    /*}*/
</style>
